<extend name="Base:base"/>
<block name="header">

    <style>

        /* 本例子css */
        .picFocus{ margin:0 auto;  width:600px; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
        .picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
        .picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
        .picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
        .picFocus .hd ul li img{ width:109px; height:65px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
        .picFocus .hd ul li.on{ background:url("{$data['static']}/picture/icoUp.gif") no-repeat center 0; }
        .picFocus .hd ul li.on img{ border-color:#f60;  }
        .picFocus .bd li{ vertical-align:middle; }
        .picFocus .bd img{ width:600px; height:auto; display:block;  }


        .photo_data{
            margin-bottom: 30px;
            text-align: center;
        }
        .date{
            background-color:#cd9933;
            width:100px;
            height:60px;
            padding-top:40px;
            text-align: center;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            /*color:#2b2a26;*/
            color:#fff;
            margin-bottom: 30px;
            margin-right: 180px;
        }
        .content_text{
            margin-top: 30px;
            margin-bottom: 30px;
            background-color: #eee;
            padding:10px;
            text-align: left;
        text-indent: 2em;
        }
        .image_title{
            /*position: relative;*/
        }
        .image_title span{
                /*position: absolute;*/
                /*top:0;*/
                /*left:0;*/
            display: block;
            margin-top: 30px;
            margin-bottom: 30px;
            background-color: #eee;
            padding:10px;
            text-align: left;
            text-indent: 2em;
        }
    </style>

</block>
<block name="footer">

    <script type="text/javascript">jQuery(".picFocus").slide({ mainCell:".bd ul",effect:"left",autoPlay:true });</script>
</block>
<block name="main">
    <div class="ShareAnyContainer" style="font-size: 14px;">当前位置：<a href="{$data['root']}/" title="首页">首页</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a href="{$data['root']}/live/group/" title="创作直播">创作直播</a></div>
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        <div class="line"></div>
    </div>
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer" style="position: relative;">

        <table>
        <volist name="data['news']" id="live">
            <tr>
                <td valign="top">
                    <div class="date">{$live['time']}</div>
                </td>
                <td valign="top">
                    <div class="photo_data">
                    <if condition="$live['type'] eq 1">
                        <div class="picFocus">
                            <div class="bd">
                                <ul>
                                    <volist name="live['content']" id="photo">
                                        <li class="image_title"><a href="###"><img src="{$data['upload']}/{$photo['photo']}"/><span>{$photo['about']}</span></a></li>
                                    </volist>

                                </ul>
                            </div>
                            <div class="hd">
                                <ul>
                                    <volist name="live['content']" id="photo">
                                        <li><img src="{$data['upload']}/{$photo['photo']}"/></li>
                                    </volist>
                                </ul>
                            </div>
                        </div>
                        <div class="content_text">
                            {$live['about']}
                        </div>
                    </if>
                    <if condition="$live['type'] eq 2">
                        <volist name="live['content']" id="video">
                            {$video['video']}
                        </volist>
                        <div class="content_text">
                            {$live['about']}
                        </div>
                    </if>

                    </div>
                </td>
            </tr>


        </volist>
            <tr>
                <td valign="top">
                    <div class="date" style="margin: 0;">The End</div>
                </td>
                <td valign="top">

                </td>
            </tr>
        </table>
        <div style="position: absolute;border-left:2px solid #cd9933; top:0; left:48px; height:100%;"></div>
    </div>
</block>